<template>
	<view class="searchCom" @click="toSearchPage">
		<view class="search">
			<text class="iconfont icon-search-copy"></text>
			<text class="content">搜索商品</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			toSearchPage(){
				uni.navigateTo({
					url:"/pages/Search/Search"
				})
			}
		}
	}
</script>

<style lang="scss">
	.searchCom{
		width: 100%;
		height: 90upx;
		background-color: #8253fb;
		display: flex;
		.search{
			margin: 10upx auto;
			width: 96%;
			height: 70upx;
			border-radius: 16upx;
			line-height: 70upx;
			color:#9ea8af ;
			background-color: #fff;
			.iconfont{
				font-size: 38upx;
				line-height: 70upx;
				margin: 0 20upx;
				color:#9ea8af ;
			}
			.content{
				// margin-left: 220upx;
				text-align: center;
				font-size: 30upx;
			}
		}
	}
</style>
